<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>我的</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<style type="text/css">
			.rf-fl{
				float: left;
			}
			.rf-clear-both{
				clear: both;
			}
			.rf-m-l-20{
				margin-left: 20px;
			}
			.rf-m-t-10{
				margin-top: 10px;
			}
			.rf-m-t-20{
				margin-top: 20px;
			}
		</style>
	</head>

	<body>
		<!-- content start -->
		<div class="mui-content">
			<!-- personal infomation start -->
			<div id="personalInfo" class="rf-m-t-20">
				<img src="css/registLogin/touxiang.jpg" class="rf-fl">
				
				<center>
					<span id="username" class="rf-fl rf-m-t-10" >
						<h3>欣小萌</h3>
						<p class="rf-m-l-20 rf-m-t-10">获赞:0 | 文章:0</p>
					</span><br>
					
				</center>
				<!-- 肤质测试相关内容 start -->
				<!-- <div class="mui-col-sm-12">
					<div class="mui-col-sm-6">
						<div class="mui-card">肤质曲线</div>
					</div>
					<div class="mui-col-sm-6">
						<div class="mui-card">测一测历史</div>
					</div>
				</div> -->
				<!-- 肤质测试相关内容end -->
			</div>
			<!-- personal infomation end -->
			
			<!-- 护肤方案 start  -->
			<div id="skinCare" class="rf-clear-both rf-m-t-10">
				<!-- <div class="mui-row">
					护肤方案
				</div> -->
				<br>
				<div class="mui-row">
					<ul class="mui-table-view">
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" data-url='my-skincare-solution.html'>
									我的护肤方案
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" data-url='new-my-news.html'>
									我的消息
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" data-url="written.html">
									我发布的帖子
								</a>
							</li><li class="mui-table-view-cell">
								<a class="mui-navigate-right" data-url="myfavour_list.html">
									我收藏的文章
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" data-url="myfavour_product.list">
									我收藏的产品
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" data-url="myorders.html">
									我的订单管理
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" data-url="myeffect.html">
									 我的产品效果点评
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right" data-url='new-address.html'>
									 我的地址管理
								</a>
							</li>
						</ul>
				</div>
			</div>
			<!-- 护肤方案 end  -->
		</div>
		<!-- content end -->
		<script src="js/mui.js"></script>
		<script src="js/app.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function () {
			   var user = app.getUserGlobalInfo();
			   console.log("refresh======="+user); 
			   var username = document.getElementById("username");
			   username.innerHTML = user.username+'<p class="rf-m-l-20 rf-m-t-10">获赞:0 | 文章:0</p>';
			   
			   mui('.mui-table-view-cell').on('tap','a',function(){
				   console.log("点击了a标签==="+this.getAttribute('data-url'));
				   app.open(this.getAttribute('data-url'),this.getAttribute('data-url'));
			   });
			});
			
		</script>
	</body>

</html>
